<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            作用域链
                JS解析器会优先在当前作用域中去寻找变量,
                    如果找到了就直接使用
                    如果没找到,则去上一层作用域中寻找,找到了就用
                    如果没找到就继续去上一层,以此类推
                    一直找到全局作用域都没有找到的划,就会报xxx is not defined
        */
        let a = 10
        {
            let a = 10
            {
                console.log(a);
            }
        }

        let b = 20
        function fn(){
            // b = 10
            console.log(b);
            function fn1(){
                console.log(b);
            }
        }
        fn()
    </script>
</head>
<body>
    
</body>
</html>